.sidebar {
    width: 250px;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    background-color: #fff;
    box-shadow: -2px 0 8px rgba(0,0,0,0.1);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}

.sidebar.open {
    transform: translateX(0);
}

.sidebar.close {
    transform: translateX(100%);
}
